<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />
    <title>Document</title>
    <link rel="stylesheet" href="./styles/css/login_.css" />
  </head>
  <body>
    <div class="mi-sider-layout">
      <div class="mi-sider-layout_sider">
        <div class="mi-sider-layout_banner"></div>
      </div>
      <div class="mi-sider-layout_content">
        <div class="mi-sider-layout__scroll">
          <div class="mi-layout">
            <div class="mi-layout_header">
              <div class="mi-layout_title">
                <div class="mi-layout_logo-wrap"></div>
                小米账号
              </div>
              <div class="mi-nav">
                <a href="" class="mi-nav_item">用户协议</a>
                <a href="" class="mi-nav_item">隐私政策</a>
                <a href="" class="mi-nav_item">帮助中心</a>
                <div class="mi-nav_divider"></div>
                <div class="mi-nav_item">中文简体</div>
              </div>
            </div>
            <div class="mi-layout_container">
              <div class="mi-layout_card">
                <div class="tabs">
                  <div class="login"><a href="javascript:;" class="active">登录</a></div>
                  <div class="register"><a href="./register.html">注册</a></div>
                  <div class="ink-bar"></div>
                </div>
                <div  class="mi-form">
                    <div class="mi-form_text">
                        <input type="text" class="mi-text_input" id="uname" value="">
                        <label for="uname" class="label_name">邮箱/手机号码/小米ID</label>
                    </div>
                    <p class="hint_1">请输入账号</p>
                    <div class="mi-form_text mt">
                        <input type="password" class="mi-text_input" id="password" value="">
                        <label for="password" class="label_pwd">密码</label>
                    </div>
                    <p class="hint_2">请输入密码</p>
                    <div class="mi-accept mt">
                        <label for="ucheck">
                            <span class="checkbox">
                                <input type="checkbox" id="ucheck">
                                <span class="inner">√</span>
                            </span>
                            <span>已阅读同意小米账号
                                <a href="javascript:;">用户协议</a>
                                和
                                <a href="JavaScript:;">隐私政策</a>
                            </span>
                        </label>
                    </div>
                    <button class="btn mt" disabled>登录</button>
                    <div class="mi-actions">
                        <div class="mi-left"> <a href="javascript:;">忘记密码?</a> </div>
                        <div class="mi-right"><a href="javascript:;">手机号登录</a> </div>
                    </div>
                    <div class="mi-anotherlogin">
                        <div class="mi-logintitle">其他方式登录</div>
                        <div class="mi-logincontent">
                            <div class="mi-login_item"><a href="javascript:;"><img src="./images/1_03.png" alt=""></a></div>
                            <div class="mi-login_item"><a href="javascript:;"><img src="./images/2_03.png" alt=""></a></div>
                            <div class="mi-login_item"><a href="javascript:;"><img src="./images/3_03.png" alt=""></a></div>
                            <div class="mi-login_item"><a href="javascript:;"><img src="./images/4_03.png" alt=""></a></div>
                        </div>
                    </div>
                </form>
              </div>
        
            </div>
            <div class="mi-copyright">
                小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </div>
          </dic>
        </div>
      </div>
    </div>
  </body>
</html>
<!-- <script src="./js/login_action.js" type="module"></script> -->
<!-- <script src="./js/loginstyle.js" type="module"></script> -->
<script src="./js/login.js" type="module"></script>
